<template>
  <el-collapse v-model="activeName" accordion>
    <el-collapse-item
      v-for="(item, index) in features"
      :key="item.title"
      :title="item.title"
      :name="index"
    >
      <div v-html="item.content"></div>
    </el-collapse-item>
  </el-collapse>
</template>
<script setup>
import { ref, defineProps } from 'vue'
defineProps({
  features: {
    type: Array,
    required: true
  }
})
const activeName = ref(0)
</script>
<style lang="scss" scoped>
::v-deep .el-collapse-item__header {
  font-weight: bold;
}

.el-collapse-item {
  ::v-deep a {
    color: #2d62f7;
    margin: 0 4px;
  }
}
</style>
